<template>
  <div style="height: 100%;margin-bottom: 30px;">
    <el-steps direction="vertical" :active="1" align-center>
      <el-step title="项目生产绩效申报单1">
        <template slot="description">
          <el-descriptions style="margin: 1% 10% 1% 10%" :column="2">
            <el-descriptions-item label="项目合同号">wust001</el-descriptions-item>
            <el-descriptions-item label="存档报告名称">告知书,评价表</el-descriptions-item>
            <el-descriptions-item label="项目名称">中钢集团</el-descriptions-item>
            <el-descriptions-item label="项目生产难度系数">1.5</el-descriptions-item>
            <el-descriptions-item label="项目合同额">A先生</el-descriptions-item>
            <el-descriptions-item label="内审得分">A先生</el-descriptions-item>
            <el-descriptions-item label="项目经理">甲、乙、丙</el-descriptions-item>
            <el-descriptions-item label="内审人员签字">
              <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="分配时间">丁先生</el-descriptions-item>
            <el-descriptions-item label="技审得分">丁先生</el-descriptions-item>
            <el-descriptions-item label="存档时间">丁先生</el-descriptions-item>
            <el-descriptions-item label="技审人员签字">
              <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="项目质量总分">79</el-descriptions-item>
            <el-descriptions-item label="项目进度得分">79</el-descriptions-item>
            <el-descriptions-item label="客户满意度得分">79</el-descriptions-item>
            <el-descriptions-item label="项目核定奖金基数(元)">3000</el-descriptions-item>
            <el-descriptions-item label="项目生产绩效核算奖金(元)">79</el-descriptions-item>
            <el-descriptions-item label="项目质量控制奖金">200</el-descriptions-item>
            <el-descriptions-item label="考核总分">79</el-descriptions-item>
          </el-descriptions>
        </template>
        <template slot="description">
          <el-table
              :data="tableData"
              border
              stripe
              style="width: 830px;text-align: center;margin: 10px 0 20px 10%;">
            <el-table-column
                prop="id"
                label="序号"
                width="80"
                align="center">
            </el-table-column>
            <el-table-column
                prop="name"
                label="资料"
                width="300"
                align="center">
            </el-table-column>
            <el-table-column
                prop="files"
                label="已上传的文件"
                width="300"
                align="center">
            </el-table-column>
            <el-table-column
                label="操作"
                width="150"
                align="center">
              <template slot-scope="scope">
                <el-button @click="handleClick(scope.row)" type="text">
                  <el-icon style="font-size: 20px;" class="el-icon-download"></el-icon><span style="font-size: 16px;">查看</span>
                </el-button>
              </template>
            </el-table-column>
          </el-table>
          <el-divider></el-divider>
        </template>
        <template slot="description">
          <span style="margin-left: 15px;font-size: 16px;">项目生产绩效奖金</span>
          <el-descriptions style="margin: 1% 10% 1% 10%" :column="2">
            <el-descriptions-item label="项目经理">
              <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="评审组织">
              <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="现场勘察">
              <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="存档">
              <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="报告编制">
              <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="其他">无</el-descriptions-item>
          </el-descriptions>
          <el-divider></el-divider>
        </template>
        <template slot="description">
          <span style="margin-left: 15px;font-size: 16px;">项目质量控制奖金</span>
          <el-descriptions style="margin: 1% 10% 1% 10%" :column="2">
            <el-descriptions-item label="内部审核执行人">
              <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="质量过程控制审核执行人">
              <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="技术审核执行人">
              <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
          </el-descriptions>
        </template>
        <template slot="description">
          <el-table
              :data="tableData"
              border
              stripe
              style="width: 830px;text-align: center;margin: 10px 0 20px 10%;">
            <el-table-column
                prop="id"
                label="序号"
                width="80"
                align="center">
            </el-table-column>
            <el-table-column
                prop="name"
                label="资料"
                width="300"
                align="center">
            </el-table-column>
            <el-table-column
                prop="files"
                label="已上传的文件"
                width="300"
                align="center">
            </el-table-column>
            <el-table-column
                label="操作"
                width="150"
                align="center">
              <template slot-scope="scope">
                <el-button @click="handleClick(scope.row)" type="text">
                  <el-icon style="font-size: 20px;" class="el-icon-download"></el-icon><span style="font-size: 16px;">查看</span>
                </el-button>
              </template>
            </el-table-column>
          </el-table>
        </template>
      </el-step>

      <el-step title="审核意见">
        <template slot="description">
          <el-descriptions style="margin: 1% 10% 1% 10%" :column="1" direction="horizontal">
            <el-descriptions-item label="分管副总意见">xxxxxx</el-descriptions-item>
            <el-descriptions-item label="总经理意见">xxxxxx</el-descriptions-item>
            <el-descriptions-item label="综合部核定(是否已存档)">
              <span style="margin-right: 20px;">甲先生</span>
              <template>
                <el-radio v-model="radio" label="1">是</el-radio>
                <el-radio v-model="radio" label="2">否</el-radio>
              </template>
            </el-descriptions-item>
          </el-descriptions>
        </template>
      </el-step>
      <el-step title="项目生产绩效申报单3">
        <template slot="description">
          33333
        </template>
      </el-step>
    </el-steps>

  </div>
</template>

<script>
  export default {
    name: "Bill",
    data(){
      return{
        radio: '1',
        tableData:[
          {
            id: '1',
            name: '项目绩效奖金核算单',
            files: '',
          }
        ]
      }
    }
  }
</script>

<style scoped>

</style>
